﻿<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<title>{$post_title}—{$site_name} </title>
		<meta name="keywords" content="{$post_keywords}" />
		<meta name="description" content="{$post_excerpt}">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<tc_include file="Public:head" />
		<script src="__TMPL__Public/js/autoMail.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#email').autoMail({
					emails: ['qq.com', '163.com', '126.com', 'sina.com', 'sohu.com', 'yahoo.cn', 'gmail.com', 'hotmail.com', 'live.cn']
				});
			});
		</script>
		<style type="text/css">
			/* mailBox */
			#mailBox{background:#fff;border:1px solid #ddd;padding:3px 5px 5px;position:absolute;z-index:9999;display:none;-webkit-box-shadow:0px 2px 7px rgba(0, 0, 0, 0.35);-moz-box-shadow:0px 2px 7px rgba(0, 0, 0, 0.35);}
			#mailBox p{width:100%;margin:0;padding:0;height:20px;line-height:20px;clear:both;font-size:12px;color:#ccc;cursor:default;}
			#mailBox ul{padding:0;margin:0;}
			#mailBox li{font-size:12px;height:22px;line-height:22px;color:#939393;font-family:'Tahoma';list-style:none;cursor:pointer;overflow:hidden;}
			#mailBox .cmail{color:#000;background:#e8f4fc;}
		</style>

	</head>

	<body>

		<tc_include file="Public:nav" />
		<tc_include file="Public:banner" />
		<br />
		<div class="container">
			<div class="">
				<ul class="bread">
					<h4>
					<li><a href="/" class="icon-home"> 首页</a> </li>					
					<li><a>{$post_title}</li></a>
					</h4>
				</ul>
			</div>

			<div class="line-big">
				<div class="xl12 xm8">
					<div class="line-small">
						<div class="xs12">
							<div class="container" style="width: 100%;padding-bottom: 19px;">
								<foreach name="guestmsgs" item="vo" key="k">
									<if condition="$k % 2 ==0">
										<div class="line marggin-small">
											<div class="x1 text-right">
												<div style="width: 60px;text-align: center;float: right;">
													<img src="{:U('user/public/avatar',array('id'=>$vo['uid']))}" width="64" height="64" class="img-responsive img-border radius-circle">
													<strong>{$vo.full_name}</strong>
												</div>
											</div>
											<div class="x10">
												<div class="popo">
													<div class="popo-left">
														<if condition="$k % 3 ==0">
															<div class="popo-body popo-blue left radius box-shadow">{$vo.msg}</div>
														</if>
														<if condition="$k % 3 ==1">
															<div class="popo-body popo-green left radius box-shadow">{$vo.msg}</div>
														</if>
														<if condition="$k % 3 ==2">
															<div class="popo-body popo-yellow left radius box-shadow">{$vo.msg}</div>
														</if>
													</div>
												</div>
											</div>
										</div>
									</if>
									<if condition="$k % 2 ==1">
										<div class="line marggin-small">
											<div class="x11">
												<div class="popo">
													<div class="popo-right">
															<if condition="$k % 3 ==0">
															<div class="popo-body popo-blue right radius box-shadow">{$vo.msg}</div>
														</if>
														<if condition="$k % 3 ==1">
															<div class="popo-body popo-green right radius box-shadow">{$vo.msg}</div>
														</if>
														<if condition="$k % 3 ==2">
															<div class="popo-body popo-yellow right radius box-shadow">{$vo.msg}</div>
														</if>
													</div>
												</div>
											</div>
											<div class="x1 text-left">
												<div style="width: 60px;text-align: center;">
													<img src="{:U('user/public/avatar',array('id'=>$vo['uid']))}" width="64" height="64" class="img-responsive img-border radius-circle">
													<strong>{$vo.full_name}</strong>
												</div>
											</div>
										</div>
									</if>
								</foreach>

							</div>
							<div class="pagination">{$Page}</div>
							<br />
							<br />
						</div>
						<hr />
					</div>
					<br />
					<div class="panel border-sub">
						<div class="panel-head border-sub bg-sub">
							<h3>留  言</h3>
						</div>
						<div class="panel-body">
							<div class="panel-body">
								<form  name="signupForm" method="post" >
									<input type="hidden" name="uid" id="uid" value="{$_SESSION['user']['id']}" required/>
									<div class="form-group">
										<div class="field">
											<div class="input-group">
												<span class="addon">昵称</span>
												<php>if($_SESSION['user']){</php>
												<input type="text" class="input" id="username" required="required" name="full_name" readonly="readonly" value="{$_SESSION['user']['user_nicename']}" placeholder="请先登录">
												<php>}else{</php>
												<input type="text" class="input" id="username" required="required" name="full_name" readonly="readonly" value="" placeholder="请先登录">
												<php>}</php>

											</div>
										</div>
									</div>

									<div class="form-group">
										<div class="field">
											<div class="input-group">
												<span class="addon">邮箱</span>
												<input type="text" class="input" id="email" required="required" name="email" placeholder="请输入正确的邮箱地址" autocomplete="off">

											</div>
										</div>
									</div>
									<div class="form-group">
										<div class="field">
											<div class="input-group">
												<span class="addon">标题</span>
												<input type="text" class="input" id="title" required="required" name="title" value="" placeholder="请输入标题">
											</div>
										</div>
									</div>
									<div class="form-group">
										<div class="field">
											<textarea class="input" rows="5" name="msg" id="content" cols="50" required="required" placeholder="说点什么吧...."></textarea>
										</div>
									</div>
									<div class="form-group">
										<div class="field">
											<div class="input-group">
												<span class="addon">验证码</span>
												<input type="text" style="width: 40%;height: 46px;" class="input" required="required" id="txt_check" name="verify" placeholder="请输入右侧验证码"> {:sp_verifycode_img('length=4&font_size=20&width=150&height=40&font_color=&background=&use_curve=0','style="cursor: pointer;vertical-align: top;" title="点击获取"')}
											</div>
										</div>
									</div>
									<div class="form-button">
										<button class="button bg-blue button-big button-block" id="btn" type="button">
											提 交</button>
									</div>
								</form>
							</div>
						</div>
					</div>
					<br />
					<br />
				</div>
				<tc_include file="Public:slide" />
			</div>
		</div>
		<tc_include file="Public:footer" />
	
	</body>

</html>